<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link href="css/common.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="css/iefix.css" />
        <title>
            <ui:insert name="title">Kateba</ui:insert>
        </title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
    </h:head>

    <h:body>
        <div id="Container">

            <!--H1 LOGO-->
            <div id="logo">
                <h1><a href="http://www.kateba.net"></a></h1>
                <div id="social"><img src="images/links.jpg" ></img></div>
            </div>
            <!--END OF H1 LOGO--> 
            
            <!--SUBMENU-->
            <div id="submenu">
                <div class="clsSubmenu_left">
                    <div class="clsSubmenu_right">
                        <div class="clsSubmenu_center">
                            <ul class="clsClearfix">
                                <li>
                                    <h:form >
                                        <h:link outcome="/index" value="Home" title="Go to Home Page" />
                                    </h:form>
                                </li>
                                <li>
                                    <h:form>
                                        <h:link outcome="/solutions" value="Solutions" title="Kateba Services and Solutions" />
                                    </h:form>
                                </li>
                                <li>
                                    <h:form>
                                        <h:link outcome="/projects" value="Projects" title="Kateba Projects" />
                                    </h:form>
                                </li>
                                <li>
                                    <h:form>
                                        <h:link outcome="/departments" value="Departments" title="Kateba Departments"/>
                                    </h:form>
                                </li>
                                <li>
                                    <h:form>
                                        <h:link outcome="/news" value="News" title="Kateba Latest News" />
                                    </h:form>
                                </li>
                                <li>
                                    <h:form >
                                        <h:link outcome="/jobs" value="Jobs" title="Join Kateba Team" />
                                    </h:form>
                                </li>
                                <li>
                                    <h:form>
                                        <h:link outcome="/contactUs" value="Contact Us" title="Contact Us"/>
                                    </h:form>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--END OF SUBMENU--> 

            <!--BANNER-->  
            <ui:insert name="banner">
                <div  style="background: url(images/webdevelopment.png);"  id="banner"></div>
            </ui:insert>

            <!--END OF BANNER--> 

            <!--CONTENT -->
            <div id="Content">
                <div class="gray_t">
                    <div class="gray_r">
                        <div class="gray_b">
                            <div class="gray_l">
                                <div class="gray_tl">
                                    <div class="gray_tr">
                                        <div class="gray_bl">
                                            <div class="gray_br">
                                                <div class="cls100_p">

                                                    <!--Body-->
                                                    <ui:insert name="body"></ui:insert>
                                                    <!--End of Body-->

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End of Content-->

            <!--FOOTER--> 
            <div id="footer">
                <div class="clsFooter_left">
                    <div class="clsFooter_right">
                        <div class="clsFooter_center">
                            <ul class="clsfooternavigation clsborder">
                                <li>
                                    <h:link outcome="/aboutus" value="About US" title="About US"/>
                                </li>
                                <li  class="clsNoborder">
                                    <h:link outcome="/sitemap" value="Sitemap" title="Sitemap"/>
                                </li>
                            </ul>
                            <p>2012 Powered by  <a href="http://www.kateba.net"> Kateba </a> &copy;All rights reserved</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--END OF FOOTER--> 
            
        </div>
    </h:body>
</html>
